<template>
<!-- 隐私设置 -->
  <div class="container">
    <v-header :title="title"></v-header>

    <div class="content">
      <ul class="list">
        <li class="list-item">
          <div class="mui-input-row mui-radio">
            <label>公开，授权转发和分享</label>
            <input name="radio1" type="radio">
          </div>
        </li>
        <li class="list-item">
          <div class="mui-input-row mui-radio">
            <label>保密，禁止转发和分享</label>
            <input name="radio1" type="radio">
          </div>
        </li>
        <li class="list-item">
          <div class="mui-input-row mui-radio">
            <label>机密，输入密码才能访问</label>
            <input name="radio1" type="radio">
          </div>
        </li>
      </ul>

      <div class="save" @click="save">保存</div>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">

import VHeader from 'components/v-header'

export default {
  data() {
    return {
      title: '隐私设置'
    }
  },
  components: {
    VHeader
  },
  methods: {
    save: function () {
      
    }
  }
}
</script>

<style scoped lang="stylus">

@import '../../common/stylus/mixin.styl'
@import '../../common/stylus/variable.styl'

.container
  position fixed
  width 100%
  height 100%
  background-color $color-bg-gray
  .content
    margin-top 15px
    .list
      background-color #fff
      .list-item
        height 50px
        border 1px solid $color-bg-gray
        .mui-radio
          margin-top 5px
          label 
            font-size $font-size-small
            color #333333
    .save
      height 45px
      margin 100px 30px 0 30px
      border-radius 3px
      background-color $color-theme
      font-size $font-size-medium
      color #ffffff
      line-height 45px
      text-align center

</style>
